<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/systemUser.css">
    <link rel="stylesheet" href="../css/systemNav.css">
    <title>用户管理</title>
</head>

<body>
    <div class="box">
        <div class="nav">
            <div>
                <div>
                    <img src="../images/微信图片_20220821145126.png" alt="">
                    <p>数值化档案管理</p>
                </div>
            </div>
            <div>
                <div>
                    <div>
                        <a href="../page/home.html">
                            <p>首界面</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p>案卷管理</p>
                        </a>
                        <div>
                            <a href="../page/management.html">
                                <p>签收管理</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>库房管理</p>
                        </a>
                        <div>
                            <a href="../page/storeHouse.html">
                                <p>库房信息</p>
                            </a>
                            <a href="../page/storeShelf.html">
                                <p>库架信息</p>
                            </a>
                            <a href="../page/LayerInformation.html">
                                <p>层格信息</p>
                            </a>
                            <a href="../page/BoxInformation.html">
                                <p>盒子信息</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>入库管理</p>
                        </a>
                        <div>
                            <a href="../page/File warehousing.html">
                                <p>档案入库</p>
                            </a>
                            <a href="../page/Inventory records.html">
                                <p>入库记录</p>
                            </a>
                            <a href="#">
                                <p>盒号打印</p>
                            </a>
                            <a href="../page/File number printing.html">
                                <p>档案号打印</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>档案管理</p>
                        </a>
                        <div>
                            <a href="../page/archiveManagement.html">
                                <p>退/还案管理</p>
                            </a>
                            <a href="../page/archiveManagementDetail.html">
                                <p>退/还案明细</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>移库管理</p>
                        </a>
                        <div>
                            <a href="../page/system-archives.html">
                                <p>档案移库</p>
                            </a>
                            <a href="../page/system-detail.html">
                                <p>移库明细</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>档案影像</p>
                        </a>
                        <div>
                            <a href="#">
                                <p>影像查询</p>
                            </a>
                            <a href="#">
                                <p>影像录入</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>实体借阅</p>
                        </a>
                        <div>
                            <a href="../page/entityBorrowapplication.html">
                                <p>借阅申请</p>
                            </a>
                            <a href="#">
                                <p>借阅审批</p>
                            </a>
                            <a href="#">
                                <p>借阅出库</p>
                            </a>
                            <a href="#">
                                <p>借阅归还</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>电子借阅</p>
                        </a>
                        <div>
                            <a href="../page/BorrowingApply.html">
                                <p>借阅申请</p>
                            </a>
                            <a href="../page/BorrowingExamination.html">
                                <p>借阅审批</p>
                            </a>
                            <a href="../page/BorrowingDetail.html">
                                <p>借阅明细</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>统计报表</p>
                        </a>
                        <div>
                            <a href="#">
                                <p>签收统计</p>
                            </a>
                            <a href="#">
                                <p>入库统计</p>
                            </a>
                            <a href="#">
                                <p>电子借阅统计</p>
                            </a>
                            <a href="#">
                                <p>实体借阅统计</p>
                            </a>
                            <a href="#">
                                <p>档案库存数统计</p>
                            </a>
                            <a href="#">
                                <p>档案状态统计</p>
                            </a>
                            <a href="#">
                                <p>用户登录统计</p>
                            </a>
                            <a href="#">
                                <p>影像上传统计</p>
                            </a>
                            <a href="#">
                                <p>影像浏览统计</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>日志管理</p>
                        </a>
                        <div>
                            <a href="../page/logManagement.html">
                                <p>系统操作日志</p>
                            </a>
                            <a href="../page/ImageryBrowsingLogs.html">
                                <p>影像浏览日志</p>
                            </a>
                            <a href="#">
                                <p>影像上传日志</p>
                            </a>
                            <a href="#">
                                <p>用户登录日志</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>系统管理</p>
                        </a>
                        <div>
                            <a href="../page/systemUser.html">
                                <p>用户管理</p>
                            </a>
                            <a href="../page/systemRole.html">
                                <p>角色管理</p>
                            </a>
                            <a href="../page/systemGrade.html">
                                <p>等级管理</p>
                            </a>
                            <a href="#">
                                <p>机构管理</p>
                            </a>
                            <a href="#">
                                <p>流程管理</p>
                            </a>
                            <a href="#">
                                <p>档案轨迹</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="content-header">
                <div>
                    <div><img src="../images/e7ae080a6b27d918b35916ac9d96bee.jpg" alt=""></div>
                    <div>
                        <img src="../images/05c763aa3b40208576738f06dd1a281.jpg" alt="">
                        <div></div>
                        <div>
                            I'm ipei
                        </div>
                    </div>
                </div>
                <div>
                    <div>
                        系统管理 / 用户管理
                    </div>
                </div>
            </div>
            <div class="content-content">


                <div>
                    <form action="#">
                        <div>用户名称<input type="text" placeholder="请输入"></div>
                        <div>姓名<input type="text" placeholder="请输入" name="" id=""></div>
                        <div>所属机构<input type="text" placeholder="请输入" name="" id=""></div>
                        <div>状态
                            <div class="divSelect">
                                <div>请选择</div>
                                <div>
                                    <div>请选择</div>
                                    <div>启用</div>
                                    <div>禁用</div>
                                </div>
                            </div>
                        </div>
                        <div>
                            档案等级
                            <div class="divSelect">
                                <div>请选择</div>
                                <div>
                                    <div>请选择</div>
                                    <div>秘密</div>
                                    <div>机密</div>
                                    <div>绝密</div>
                                </div>
                            </div>
                        </div>
                        <div>
                            档案页密级
                            <div class="divSelect">
                                <div>请选择</div>
                                <div>
                                    <div>请选择</div>
                                    <div>秘密</div>
                                    <div>机密</div>
                                    <div>绝密</div>
                                </div>
                            </div>
                        </div>
                        <button>查询</button>
                        <button>重置</button>
                        <button>新增用户</button>
                        <button>强踢用户</button>
                    </form>
                    <hr>
                    <table cellspacing="0" cellpadding="0">
                        <thead>
                            <tr>
                                <th>
                                    <div>-</div>
                                </th>
                                <th>用户名称</th>
                                <th>姓名</th>
                                <th>所属机构</th>
                                <th>上级机构</th>
                                <th>账号状态</th>
                                <th>是否在线</th>
                                <th>在线IP</th>
                                <th>档案等级</th>
                                <th>档案页密级</th>
                                <th>所属部门</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- <tr>
                                <td><input type="checkbox"></td>
                                <td>YH001</td>
                                <td>蔡徐坤</td>
                                <td>市北机构</td>
                                <td>/</td>
                                <td>
                                    <div class="divState">
                                        <div></div>
                                    </div>
                                </td>
                                <td>是</td>
                                <td>198.09.09.00</td>
                                <td>机密</td>
                                <td>绝密</td>
                                <td>人事部</td>
                                <td>
                                    <button>修改</button>
                                    <button>重置密码</button>
                                    <button>删除</button>
                                </td>
                            </tr> -->
                        </tbody>
                    </table>
                    <div>
                        <div>&lt;</div>
                        <div>
                            <!-- <div>1</div>
                            <div>2</div> -->
                        </div>
                        <div>&gt;</div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<script src="../js/systemUser.js"></script>
<script src="../js/systemNav.js"></script>
<script src="../utils/jquery-3.6.0.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>

</html>